<%@page pageEncoding="utf-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html; charset=utf-8"%> 
<!DOCTYPE HTML>
<html>
<head>
	<title></title>
	<style type="text/css">
		table
		{
			border-collapse: collapse;
			margin: 0 auto;
			text-align: center;
		}
		table td, table th
		{
			border: 1px solid #cad9ea;
			color: #666;
			height: 30px;
		}
		table thead th
		{
			background-color: #CCE8EB;
			width: 100px;
		}
		table tr:nth-child(odd)
		{
			background: #fff;
		}
		table tr:nth-child(even)
		{
			background: #F5FAFA;
		}
	</style>
</head>
<body>
	<table width="90%" class="table">
		<caption>
			<h2>学生信息列表</h2>
		</caption>
		<thead>
		<tr>
			<th>
				姓名
			</th>
			<th>
				年龄
			</th>
			<th>
				性别
			</th>
			<th>
				住址
			</th>
			<th>
				操作
			</th>
		</tr>
		</thead>
	<c:forEach items="${stu}" var="c">
		<tr>
			<td>
				${c.name}
			</td>
			<td>
				${c.age}
			</td>
			<td>
				<c:if test="${c.sex=='M'}">男</c:if>
				<c:if test="${c.sex=='F'}">女</c:if>
			</td>
			<td>
				213
			</td>
			<td>
				<a href="./addStu.jsp">添加</a>&nbsp;|&nbsp;<a href="#" onclick="del()">删除</a>
			</td>
		</tr>
	</c:forEach>

	</table>
</body>
</html>
<script src="js/jquery-2.1.4.js"></script>
<script>
	function del() {
		var flag = confirm("确认要删除吗？");
		if(flag){
			$.ajax({
				url: "/mytest_war_exploded/delStu.do",
				data: {name: 'jenny'},
				type: "get", // 请求方式，post ,put,delete
				dataType: "text", // 服务端返回的数据类型
				success: function(data) {  // 成功的回调函数
					// data = jQuery.parseJSON(data);  //dataType指明了返回数据为json类型，故不需要再反序列化
					console.log(data);
					if(data != 0){
						alert("删除成功！");
						//location.reload(); // 刷新当前页面
					}
				},
				fail:function (data) { // 失败回调函数
					// 把失败信息保存起来
					//$.ajax()
				}
			});
		}else{
		}

	}
</script>